// 首页渲染数据
// 渲染北京和安徽的旅游景点数据
// 数据渲染结束之前，页面在加载层
let index = layer.load(0,{
    shade:['.5','#ccc']
  })
  
  // jq-ajax请求北京的景点数据
  $.ajax({
    url:'../server/scenics.php',
    data:{pid:2},
    dataType:'json',
    success(res){
      // console.log(res);
      // 结构获取数据
      let {data} = res;
      console.log(data);
      let str = '';
      data.forEach(item=>{      
        str += `
        <li>
        <a href=""><img src="${item.imgpath.split('==========')[0]}" alt=""></a>
        <p>${item.name}</p>
        <p>15年车龄 12.1万公里 青岛</p>
        <span>
            <p> <a href="#" data-id='${item.id}'class="btn btn-default" role="button">查看详情</a></p>
        </span>
        </li>
        `
      })
      // 将拼接的数据渲染到页面
      $('.bans').html(str);
      layer.close(index);
    }
  })



  
  // // jq-ajax请求安徽的景点数据
  // $.ajax({
  //   url:'../server/scenics.php',
  //   data:{pid:13},
  //   dataType:'json',
  //   success(res){
  //     // console.log(res);
  //     // 结构获取数据
  //     let {data} = res;    
  //     let str = '';
  //     data.forEach(item=>{      
  //       str += `
  //       <li>
  //       <a href=""><img src="${item.imgpath.split('==========')[0]}" alt=""></a>
  //       <p>${item.name}</p>
  //       <p>15年车龄 12.1万公里 青岛</p>
  //       <span>
  //           <p> <a href="#" data-id='${item.id}'class="btn btn-default " role="button">查看详情</a></p>
  //       </span>
  //       </li>
  //       `
  //     })
  //     // 将拼接的数据渲染到页面
  //     $('.bans2').html(str);
  //     // 页面数据渲染完毕，关闭加载层
    
  //   }
  // })
  
  // 通过事件委托给 查看详情 按钮绑定点击事件
$('.cenbox').on('click','.btn',function(){  
  sessionStorage.setItem('id',this.dataset.id)
  // 跳转至详情页
  console.log(this.dataset.id);
  location.href = './xiangqingye.html';
})

  
  // https://bkimg.cdn.bcebos.com/pic/2fdda3cc7cd98d1001e976fc3376af0e7bec55e73aef
  // ==========https://bkimg.cdn.bcebos.com/pic/4a36acaf2edda3cc7cd9c0ed13a02e01213fb90e34ef
  // ==========https://img14.360buyimg.com/n0/jfs/t1/182475/23/18852/165618/61132c33E3100ab6f/133d546d49c728d7.jpg
  